<template>
    <div class="footer">
      <van-tabbar v-model="active" route>
        <van-tabbar-item to="/">首页</van-tabbar-item>
        <van-tabbar-item to="/shop">商场</van-tabbar-item>
        <van-tabbar-item to="/message">消息</van-tabbar-item>
        <van-tabbar-item to="/user">我</van-tabbar-item>
      </van-tabbar>
    </div>
</template>
<script setup>

import { ref } from 'vue';
const active = ref(0);
</script>